<template>
	<view class="mainCss">
		<view class="titleBox">
			<view class="titleLeft">
				<img src="../../static/title/back.png" class="titleBack" @click="goBack">
			</view>
			<view class="titleText">
				<text>管家</text>
			</view>
			<view class="titleRight">
				
			</view>
		</view>
		<view class="selectBox">
			<view class="selectBox1">
				<view class="selectIconBox">
					<img src="../../static/home/select.png" class="selectIcon">
				</view>
				<input type="text" class="selectInput" v-model="selectInfo" placeholder="请输入搜索内容" placeholder-style="color: #DFDFDF;">
			</view>
			<view class="">
				<button class="selectButton">搜索</button>
			</view>
		</view>
		<view class="bodyBox">
			<view class="bannerBox">
				<swiper style="height: 270rpx; border-radius: 10px;" autoplay="true" interval="3000" duration="500"
					circular="true">
					<swiper-item v-for="(item, index) in bannerList" :key="index">
						<view class="swiper-item">
							<image :src="item.imgUrl" class="banner"></image>
						</view>
					</swiper-item>
				</swiper>
			</view>
			<view class="classifyBox">
				<view class="classify" @click="allType(0)">
					<img src="../../static/housekeeper/caigou.png" class="icon">
					<text class="text">采购</text>
				</view>
				<view class="classify" @click="allType(1)">
					<img src="../../static/housekeeper/zhuangxiu.png" class="icon">
					<text class="text">装修</text>
				</view>
				<view class="classify" @click="allType(2)">
					<img src="../../static/housekeeper/weixiu.png" class="icon">
					<text class="text">维修</text>
				</view>
				<view class="classify" @click="allType(3)">
					<img src="../../static/housekeeper/songhuo.png" class="icon">
					<text class="text">送货</text>
				</view>
				<view class="classify" @click="allType(4)">
					<img src="../../static/housekeeper/tuiguang.png" class="icon">
					<text class="text">推广</text>
				</view>
				<view class="classify" @click="allType(5)">
					<img src="../../static/housekeeper/gongshang.png" class="icon">
					<text class="text">工商注册</text>
				</view>
				<view class="classify" @click="allType(6)">
					<img src="../../static/housekeeper/zhaopin.png" class="icon">
					<text class="text">广告招聘</text>
				</view>
				<view class="classify" @click="allType(7)">
					<img src="../../static/housekeeper/buxian.png" class="icon">
					<text class="text">网络布线</text>
				</view>
				<view class="classify" @click="allType(8)">
					<img src="../../static/housekeeper/jianshe.png" class="icon">
					<text class="text">网站建设</text>
				</view>
				<view class="classify" @click="allType(9)">
					<img src="../../static/housekeeper/peixun.png" class="icon">
					<text class="text">岗职培训</text>
				</view>
				<view class="classify" @click="allType(10)">
					<img src="../../static/housekeeper/falv.png" class="icon">
					<text class="text">法律咨询</text>
				</view>
			</view>
			<view class="keeperBox" v-for="(item, index) in 5" :key="index">
				<view class="imgBox">
					<img src="../../static/home/info.jpg" class="img">
				</view>
				<view class="infoBox">
					<text>苏州率秋企业服务有限公司</text>
					<view style="display: flex; width: 100%;">
						<img src="../../static/housekeeper/xingxing.png" class="xingxing">
						<text class="pingfen">4.7分</text><text class="pingjia">服务好、价格满意</text>
					</view>
					<view style="display: flex; align-items: center;">
						<text class="biaoqian">办公用品</text>
						<text class="biaoqian">桌椅凳子</text>
					</view>
				</view>
				<view class="address">
					<text>1.1km</text>
				</view>
			</view>
		</view>
		<view class="fiexdBox">
			<img src="../../static/housekeeper/kefu.png" class="fiexdIcon">
			<img src="../../static/housekeeper/ruzhu.png" class="fiexdIcon">
		</view>
		<view class="block">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bannerList: [{
					imgUrl: '../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../static/lease/leaseBg.png',
				}],
			}
		},
		onLoad() {
			
		},
		methods: {
			// 返回
			goBack() {
				uni.navigateBack(0)
			},
			// 跳转到加盟分类页面
			allType(index) {
				uni.navigateTo({
					url: '/pages/housekeeper/allType?type=' + index
				})
			},
		}
	}
</script>

<style>
	@import '../../css/housekeeper.css';
</style>